<!--本组件用于显示商城主页左侧的组件列表-->
<template>
    <div id="leftTacComponent">
        <!--LOGO区域-->
        <div id="logo">
            <el-image :src="logo" fit="scale-down" style="width: 100%; height: 100%" />
        </div>
        <!--商品分类列表区域-->
        <div id="categories">
            <CategoriesComponent></CategoriesComponent>
        </div>
    </div>
</template>

<script lang="ts" setup>

import CategoriesComponent from "@/pages/home/left/CategoriesComponent.vue";
import logo from "@/assets/img/logo.jpg";
</script>

<style lang="scss" scoped>
@import "@/style/variables";

#leftTacComponent {
    #logo {
        height: $HOME_TOP_HEIGHT;
        //background-color: red;
    }

    #categories {
        height: 500px;
        background-color: #757373;
    }
}
</style>